<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>物料管理</title>
</head>

<body>
    <header>
        <div id="hd-left">
            <div id="logo">
                <img src="../src/images/logo-top.png" alt="" id="hd-logo-top">
                <img src="../src/images/logo-down.png" alt="" id="hd-logo-down">
            </div>
            <span>季末如似寂寞</span>
        </div>
        <ul id="hd-right">
            <img src="../src/images/我的-头像.png" alt="" id="hd-touxiang">
            <div id="hd-chose">
                <select name="" id="hd-select">
                    <option>青</option>
                </select>
                <ul id="xialacaidan">
                    <li>个人中心</li>
                    <li>修改密码</li>
                    <li>退出登录</li>
                </ul>
            </div>
            <img src="../src/images/消息.png" alt="" id="hd-news">
            <img src="../src/images/我的-设置.png" alt="" id="hd-setting">
            </div>
    </header>
    <main>
        <div id="main-left">
            <ul>
                <li id="main-left-sy"><img src="./images/sy.png" alt="">首页</li>
            </ul>
            <ul class="sj">
                <li><img src="./images/sjzx.png" alt="">数据中心</li>
                <li>小区管理</li>
                <li>楼宇管理</li>
                <li>车位管理</li>
                <li>业主管理</li>
                <li>租客管理</li>
                <li>访客管理</li>
                <li>广告位管理</li>
                <li>车辆管理</li>
            </ul>
            <ul class="sf">
                <li><img src="./images/sfgl.png" alt="">收费管理</li>
                <li>收银台</li>
                <li>抄表录入</li>
                <li>未交账单</li>
                <li>缴费通知</li>
                <li>已交账单</li>
                <li>预存款管理</li>
                <li>收费设置</li>
            </ul>
            <ul class="wy">
                <li class="go-yw"><img src="./images/ywfw.png" alt="">物业服务</li>
                <li>公告管理</li>
                <li>报事报修</li>
                <li>投诉管理</li>
                <li>短信管理</li>
                <li>装修管理</li>
            </ul>
            <ul class="zl">
                <li><img src="./images/zlgl.png" alt="">租赁管理</li>
                <li>客户管理</li>
                <li>车位租赁</li>
                <li>广告位租赁</li>
                <li>房屋租赁</li>
                <li>合同管理</li>
            </ul>
            <ul class="wl">
                <li class="z"><img src="./images/wlgl.png" alt="">物料管理</li>
                <li class="child z1">供应商管理</li>
                <li class="child z2">仓库管理</li>
                <li class="child z3">物料清单</li>
                <li class="child z4">采购入库</li>
                <li class="child z5">领用出库</li>
                <li class="child z6">维修领退材</li>
                <li class="child z7">库存查询</li>
            </ul>
        </div>


        <div id="main-right">
            <!-- 供应商管理 -->
            <div class="changeMain active" id="materialChange">
                <table cellspacing="0">
                    <tbody>
                        <tr>
                            <td>供应商名称：</td>
                            <td><input type="text" placeholder="请输入" class="changeName"></td>
                        </tr>
                        <tr>
                            <td>联系人：</td>
                            <td><input type="text" placeholder="请输入" class="changeMan"></td>
                        </tr>
                        <tr>
                            <td>联系电话：</td>
                            <td><input type="text" placeholder="请输入" class="changeTel"></td>
                        </tr>
                        <tr>
                            <td>邮箱：</td>
                            <td><input type="text" placeholder="请输入" class="changeEmail"></td>
                        </tr>
                        <tr>
                            <td>地址：</td>
                            <td><input type="text" placeholder="请输入" class="changeAddress"></td>
                        </tr>
                        <tr>
                            <td>备注：</td>
                            <td><textarea placeholder="请输入" class="changeNote"></textarea></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><span class="change" id="changeBtn">修改</span> <span id="back" class="goBack">取消</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div id="mainBox" class="supplyList target active">
                <div id="headBox">
                    <div id="addSupply" class="adds">＋新增供应商</div>
                    <div id="findSupply">
                        <input type="text" placeholder="请输入供应商名称/联系人"><span id="searchBtn"><img
                                src=""
                                width="30"></span> <span id="choose"><img
                                src=""
                                width="30"></span>
                    </div>
                </div>
                <div id="tb-box">
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>供应商名称</th>
                                <th>联系人</th>
                                <th>联系电话</th>
                                <th>邮箱</th>
                                <th>地址</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- 动态渲染供应商 -->
                        </tbody>
                    </table>

                    <p id="page">
                        <span class="lastPage spans">
                            < </span>
                                <!-- 动态渲染一共多少页 -->
                                <!-- <span>1</span> -->
                                <span class="pageBox" id="materialPage">

                                </span>
                                <span class="nextPage spans">></span>
                                <select>
                                    <option value="7">7条/页</option>
                                    <option value="5">5条/页</option>
                                    <option value="9">9条/页</option>
                                    <option value="11">11条/页</option>
                                </select>
                                跳至<span class="jumpBox"><input type="text" value="1" class="jumpInput" /></span>页
                    </p>

                </div>

            </div>
            <div id="mainBox" class="add target active">
                <h2>新增供应商</h2>
                <div id="m-main">
                    <table cellspacing='0'>
                        <tbody>
                            <tr>
                                <td>供应商名称：</td>
                                <td><input type="text" placeholder="请输入" class="supplierName"></td>
                            </tr>
                            <tr>
                                <td>联系人：</td>
                                <td><input type="text" placeholder="请输入" class="supplierMan"></td>
                            </tr>
                            <tr>
                                <td>联系电话：</td>
                                <td><input type="text" placeholder="请输入" class="supplierTel"></td>
                            </tr>
                            <tr>
                                <td>邮箱：</td>
                                <td><input type="text" placeholder="请输入" class="supplierEmail"></td>
                            </tr>
                            <tr>
                                <td>地址：</td>
                                <td><input type="text" placeholder="请输入" class="supplierAddress"></td>
                            </tr>
                            <tr>
                                <td>备注：</td>
                                <td><textarea placeholder="请输入" class="supplierNote"></textarea></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td><span id="save">保存</span> <span id="back">返回</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 仓库管理 -->
            <div id="packChange" class="changeMain active">
                <table cellspacing="0">
                    <tbody>
                        <tr>
                            <td>仓库名称：</td>
                            <td><input type="text" placeholder="请输入" class="changeName"></td>
                        </tr>
                        <tr>
                            <td>仓库归属：</td>
                            <td><select id="choosePack" class="changeHome">
                                    <option class="options">罗靓物业公司</option>
                                    <option class="options">杨鹏物业公司</option>
                                    <option class="options">林代飞物业公司</option>
                                    <option class="options">蒲嘉伟物业公司</option>
                                    <option class="options">周维维物业公司</option>
                                    <option class="options">岳鹏物业公司</option>
                                </select></td>
                        </tr>
                        <tr>
                            <td>联系人：</td>
                            <td><input type="text" placeholder="请输入" class="changeMan"></td>
                        </tr>
                        <tr>
                            <td>联系电话：</td>
                            <td><input type="text" placeholder="请输入" class="changeTel"></td>
                        </tr>
                        <tr>
                            <td>邮箱：</td>
                            <td><input type="text" placeholder="请输入" class="changeEmail"></td>
                        </tr>
                        <tr>
                            <td>地址：</td>
                            <td><input type="text" placeholder="请输入" class="changeAddress"></td>
                        </tr>
                        <tr>
                            <td>备注：</td>
                            <td><textarea placeholder="请输入" class="changeNote"></textarea></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><span class="change" id="changePack">修改</span> <span id="back" class="goBack">取消</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div id="mainBox" class="packAdmin target active">
                <div id="headBox">
                    <div id="addPack" class="adds">＋新增仓库</div>
                    <div id="findSupply" class="searchPack">
                        <input type="text" placeholder="请输入仓库名称" class="searchInput"><span id="searchBtn"><img
                                src=""
                                width="30"></span> <span id="choose"><img
                                src=""
                                width="30"></span>
                    </div>
                </div>
                <div id="tb-box">
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>仓库名称</th>
                                <th>仓库归属</th>
                                <th>状态</th>
                                <th>联系人</th>
                                <th>联系电话</th>
                                <th>邮箱</th>
                                <th>地址</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- 动态渲染 -->
                        </tbody>
                    </table>
                    <p id="page">
                        <span class="spans" id="packLast">
                            < </span>

                                <span class="pageBox" id="packSpan">

                                </span>
                                <!-- <span class="spans">1</span> -->
                                <span class="spans" id="packNext">></span>
                                <select class="packSelect">
                                    <option value="7">7条/页</option>
                                    <option value="5">5条/页</option>
                                    <option value="9">9条/页</option>
                                    <option value="11">11条/页</option>
                                </select>
                                跳至<span class="jumpBox"><input type="text" value="1" class="jumpInput"
                                        id="jumpPack" /></span>页
                    </p>
                </div>

            </div>
            <div id="mainBox" class="newPack target active">
                <h2>新增仓库</h2>
                <div id="m-main">
                    <table cellspacing='0'>
                        <tbody>
                            <tr>
                                <td>仓库名称：</td>
                                <td><input type="text" placeholder="请输入" class="packName"></td>
                            </tr>
                            <tr>
                                <td>仓库归属：</td>
                                <td>
                                    <select id="choosePack" class="packHome">
                                        <option>罗靓物业公司</option>
                                        <option>杨鹏物业公司</option>
                                        <option>林代飞物业公司</option>
                                        <option>蒲嘉伟物业公司</option>
                                        <option>周维维物业公司</option>
                                        <option>岳鹏物业公司</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>联系人：</td>
                                <td><input type="text" placeholder="请输入" class="packMan"></td>
                            </tr>
                            <tr>
                                <td>联系电话：</td>
                                <td><input type="text" placeholder="请输入" class="packTel"></td>
                            </tr>
                            <tr>
                                <td>邮箱：</td>
                                <td><input type="text" placeholder="请输入" class="packEmail"></td>
                            </tr>
                            <tr>
                                <td>地址：</td>
                                <td><input type="text" placeholder="请输入" class="packAddress"></td>
                            </tr>
                            <tr>
                                <td>备注：</td>
                                <td><textarea placeholder="请输入" class="packNote"></textarea></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td><span id="save">保存</span> <span id="back">返回</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 物料清单 -->
            <div id="thing" class="changeMain active">
                <table cellspacing="0">
                    <tbody>
                        <tr>
                            <td>材料名称：</td>
                            <td><input type="text" placeholder="请输入" class="changeMan" id="Name"></td>
                        </tr>
                        <tr>
                            <td>品牌：</td>
                            <td><input type="text" placeholder="请输入" class="changeTel" id="Brand"></td>
                        </tr>
                        <tr>
                            <td>规格型号：</td>
                            <td><input type="text" placeholder="请输入" class="changeEmail" id="Type"></td>
                        </tr>
                        <tr>
                            <td>单位：</td>
                            <td><input type="text" placeholder="请输入" class="changeAddress" id="Unit"></td>
                        </tr>
                        <tr>
                            <td>备注：</td>
                            <td><textarea placeholder="请输入" class="changeNote" id="Note"></textarea></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><span class="change" id="sureThing">修改</span> <span id="backThing"
                                    class="goBack">取消</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div id="mainBox" class="materialAdmin target active">
                <div id="headBox">
                    <div id="addMaterial" class="adds">＋新增物料</div>
                    <div id="findSupply">
                        <input type="text" placeholder="请输入材料名称" id='thingInput'><span id="searchBtn"><img
                                src=""
                                width="30"></span> <span id="choose"><img
                                src=""
                                width="30"></span>
                    </div>
                </div>
                <div id="tb-box">
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>材料名称</th>
                                <th>品牌</th>
                                <th>规格型号</th>
                                <th>单位</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- 动态渲染 -->
                            <!-- <tr>
                                <td>1</td>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>个</td>
                                <td>内装ABC干粉灭火剂</td>
                                <td><span>修改</span> <span>删除</span></td>
                            </tr> -->

                        </tbody>
                    </table>
                    <p id="page">
                        <span class="spans" id="thingLast">
                            < </span>
                                <span class="pageBox" id="thingPage">

                                </span>
                                <span class="spans" id="thingNext">></span>
                                <select id="thingSelect">
                                    <option value="5">5条/页</option>
                                    <option value="7">7条/页</option>
                                    <option value="8">9条/页</option>
                                    <option value="11">11条/页</option>
                                </select>
                                跳至<span class="jumpBox"><input type="text" value="1" class="jumpInput"
                                        id="thingJump" />页
                    </p>
                </div>

            </div>
            <div id="mainBox" class="newMaterial target active">
                <h2>新增物料</h2>
                <div id="m-main">
                    <table cellspacing='0'>
                        <tbody>
                            <tr>
                                <td>材料名称：</td>
                                <td><input type="text" placeholder="请输入" id="thingName"></td>
                            </tr>
                            <tr>
                                <td>品牌：</td>
                                <td><input type="text" placeholder="请输入" id="thingBrand"></td>
                            </tr>
                            <tr>
                                <td>规格型号：</td>
                                <td><input type="text" placeholder="请输入" id="thingType"></td>
                            </tr>
                            <tr>
                                <td>单位：</td>
                                <td><input type="text" placeholder="请输入" id="thingUnit"></td>
                            </tr>
                            <tr>
                                <td>备注：</td>
                                <td><textarea placeholder="请输入" id="thingNote"></textarea></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td><span id="save" class="thingSave">保存</span> <span id="back"
                                        class="thingBack">返回</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 采购入库 -->
            <div class="addThing target active" id="addThing">
                <h4><span>添加材料</span><span class="close">×</span></h4>
                <div class="searchThing">
                    材料名称：<input type="text" placeholder="请输入"> 品牌：<input type="text" placeholder="请输入"> <span
                        class="search">搜索</span>
                </div>
                <table cellspacing="0">
                    <thead>
                        <tr>
                            <th><input type="checkbox" id='allChoose'></th>
                            <th>材料名称</th>
                            <th>品牌</th>
                            <th>规格型号</th>
                            <th>单位</th>
                            <th>备注</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>灭火器</td>
                            <td>科安消防</td>
                            <td>MFZ/ABC1A</td>
                            <td>个</td>
                            <td>内装ABC干粉灭火剂</td>
                        </tr>
                    </tbody>
                </table>
                <p class="footerP"><span id='okBtn'>确定</span> <span id='closeBtn'>取消</span></p>
            </div>
            <div id="mainBox" class="buyer target active">
                <div id="headBox">
                    <div id="addMaterial" class="adds">＋新增入库</div>
                    <div id="findSupply">
                        <input type="text" placeholder="请输入单号制单人"><span id="searchBtn"><img
                                src=""
                                width="30"></span> <span id="choose"><img
                                src=""
                                width="30"></span>
                    </div>
                </div>
                <div id="tb-box">
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th>单号</th>
                                <th>操作状态</th>
                                <th>制单人</th>
                                <th>操作日期</th>
                                <th>供应商</th>
                                <th>入库仓库</th>
                                <th>物料名称</th>
                                <th>物料品牌</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id='joinPackTbody'>
                            <!-- 动态渲染 -->
                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                    <p id="page">
                        <span class="spans">
                            < </span><span>1</span><span class="spans">></span>
                                <select>
                                    <option>10条/页</option>
                                </select>
                                跳至<input type="text" value="1" class="jumpInput" />页
                    </p>
                </div>

            </div>
            <div id="mainBox" class="addBuyer target active">
                <div class="a-main">
                    <div class="a-m-box"><span id='joinNum'>入库单号:20180519-015530</span> <span id="user">制单人:周维维</span></div>
                    <div class="a-m-box"><span>单据日期: <input type="date" id="dateInput"></span>
                        <span>供应商: <select id="materialSelect">
                                <option>--请提供供应商--</option>
                            </select> </span>
                    </div>
                    <div class="a-m-box"><span>入库仓库: <select id="packSelect">
                                <option>暂无可用仓库,请启用仓库</option>
                            </select></span></div>
                    <div>备注: <textarea id='joinNote'></textarea></div>
                </div>

                <h2>详细入库列表 <span class="put">+添加</span></h2>
                <div id="tb-box">
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th>材料名称</th>
                                <th>品牌</th>
                                <th>规格型号</th>
                                <th>单位</th>
                                <th>成本价</th>
                                <th>数量</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id='buyerTbody'>
                            <!-- 渲染 -->

                            <!-- <tr>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>个</td>
                                <td><input type="text" placeholder="请输入"></td>
                                <td><input type="text" placeholder="请输入"></td>
                                <td>@#￥#%#%#￥</td>
                                <td><span>删除</span></td>
                            </tr> -->
                        </tbody>
                    </table>
                    <span id="save">保存</span> <span id="back">返回</span>
                </div>
            </div>

            <!-- 领用出库 -->
            <div id="outThing" class="addThing target active">
                <h4><span>添加出库</span><span class="close">×</span></h4>
                <div class="searchThing">
                    材料名称：<input type="text" placeholder="请输入"> 品牌：<input type="text" placeholder="请输入"> <span
                        class="search">搜索</span>
                </div>
                <table cellspacing="0">
                    <thead>
                        <tr>
                            <th><input type="checkbox" id="outPackAllChoose"></th>
                            <th>单号</th>
                            <th>物料名称</th>
                            <th>供应商</th>
                            <th>入库仓库</th>
                            <th>物料品牌</th>
                            <th>入库时间</th>
                        </tr>
                    </thead>
                   <tbody id='outPackTbody'>

                   </tbody>
                </table>
                <p class="footerP"><span class='outPackSure'>确定</span> <span class='outPackClose'>取消</span></p>
            </div>

            <div id="mainBox" class="addOut target active">
                <div id="headBox">
                    <div id="addOutPack" class="adds">＋新增出库</div>
                    <div id="findSupply">
                        <input type="text" placeholder="请输入单号制单人"><span id="searchBtn"><img
                                src=""
                                width="30"></span> <span id="choose"><img
                                src=""
                                width="30"></span>
                    </div>
                </div>
                <div id="tb-box">
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th>物料名称</th>
                                <th>物料品牌</th>
                                <th>入库仓库</th>
                                <th>供应商</th>
                                <th>物料品质</th>
                                <th>单位</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id='outPackTbody1'>
                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                    <p id="page">
                        <span class="spans">
                            < </span><span>1</span><span class="spans">></span>
                                <select>
                                    <option>10条/页</option>
                                </select>
                                跳至<span>1</span>页
                    </p>
                </div>

            </div>
            <div id="mainBox" class="target active">
                <div class="a-main">
                    <div class="a-m-box"><span>出库单号: 20180519-015530</span> <span id="user">制单人:admin</span></div>
                    <div class="a-m-box"><span>单据日期: <input type="date"></span> <span>供应商: <select>
                                <option>--请提供供应商--</option>
                            </select> </span></div>
                    <div class="a-m-box"><span>出库仓库: <select>
                                <option>--请选择出库仓库--</option>
                            </select></span></div>
                    <div>备注: <textarea></textarea></div>
                </div>

                <h2>详细出库列表 <span class="put">+添加</span></h2>
                <div id="tb-box">
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th>材料名称</th>
                                <th>品牌</th>
                                <th>规格型号</th>
                                <th>单位</th>
                                <th>成本价</th>
                                <th>数量</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>个</td>
                                <td><input type="text" placeholder="请输入"></td>
                                <td><input type="text" placeholder="请输入"></td>
                                <td>@#￥#%#%#￥</td>
                                <td><span>删除</span></td>
                            </tr>
                        </tbody>
                    </table>
                    <span id="save">保存</span> <span id="back">返回</span>
                </div>
            </div>

            <!-- 维修领退料 -->
            <div id="addMaintain" class="addThing target active">
                <h4><span>添加材料</span><span class="close">×</span></h4>
                <div class="searchThing">
                    材料名称：<input type="text" placeholder="请输入"> 品牌：<input type="text" placeholder="请输入"> <span
                        class="search">搜索</span>
                </div>
                <table cellspacing="0">
                    <thead>
                        <tr>
                            <th><input type="checkbox"></th>
                            <th>材料名称</th>
                            <th>品牌</th>
                            <th>规格型号</th>
                            <th>单位</th>
                            <th>出库价(元)</th>
                            <th>数量</th>
                            <th>备注</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>灭火器</td>
                            <td>科安消防</td>
                            <td>MFZ/ABC1A</td>
                            <td>个</td>
                            <td>389.9</td>
                            <td>23</td>
                            <td>内装ABC干粉灭火剂</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>灭火器</td>
                            <td>科安消防</td>
                            <td>MFZ/ABC1A</td>
                            <td>个</td>
                            <td></td>
                            <td></td>
                            <td>内装ABC干粉灭火剂</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>灭火器</td>
                            <td>科安消防</td>
                            <td>MFZ/ABC1A</td>
                            <td>个</td>
                            <td></td>
                            <td></td>
                            <td>内装ABC干粉灭火剂</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>灭火器</td>
                            <td>科安消防</td>
                            <td>MFZ/ABC1A</td>
                            <td>个</td>
                            <td></td>
                            <td></td>
                            <td>内装ABC干粉灭火剂</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>灭火器</td>
                            <td>科安消防</td>
                            <td>MFZ/ABC1A</td>
                            <td>个</td>
                            <td></td>
                            <td></td>
                            <td>内装ABC干粉灭火剂</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>灭火器</td>
                            <td>科安消防</td>
                            <td>MFZ/ABC1A</td>
                            <td>个</td>
                            <td></td>
                            <td></td>
                            <td>内装ABC干粉灭火剂</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>灭火器</td>
                            <td>科安消防</td>
                            <td>MFZ/ABC1A</td>
                            <td>个</td>
                            <td></td>
                            <td></td>
                            <td>内装ABC干粉灭火剂</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>灭火器</td>
                            <td>科安消防</td>
                            <td>MFZ/ABC1A</td>
                            <td>个</td>
                            <td></td>
                            <td></td>
                            <td>内装ABC干粉灭火剂</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>灭火器</td>
                            <td>科安消防</td>
                            <td>MFZ/ABC1A</td>
                            <td>个</td>
                            <td></td>
                            <td></td>
                            <td>内装ABC干粉灭火剂</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>灭火器</td>
                            <td>科安消防</td>
                            <td>MFZ/ABC1A</td>
                            <td>个</td>
                            <td></td>
                            <td></td>
                            <td>内装ABC干粉灭火剂</td>
                        </tr>
                    </tbody>
                </table>
                <p class="footerP"><span>确定</span> <span>取消</span></p>
            </div>
            <div id="mainBox" class="maintain target active">
                <div id="headBox">
                    <div></div>
                    <div id="findSupply">
                        <input type="text" placeholder="请输入仓库名称"><span id="searchBtn"><img
                                src=""
                                width="30"></span> <span id="choose"><img
                                src=""
                                width="30"></span>
                    </div>
                </div>
                <div id="tb-box" class="maintainList">
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th>小区</th>
                                <th>房号</th>
                                <th>来源</th>
                                <th>联系人</th>
                                <th>联系电话</th>
                                <th>状态</th>
                                <th>重要程度</th>
                                <th>受理时间</th>
                                <th>要求完成时间</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>中山国际</td>
                                <td>西北楼1-2-202</td>
                                <td>上门</td>
                                <td>杨洋</td>
                                <td>18989898989</td>
                                <td>待分配</td>
                                <td>一般</td>
                                <td>2018-04-12</td>
                                <td>2018-04-15</td>
                                <td><span>领料</span> <span>退料</span></td>
                            </tr>
                            <tr>
                                <td>中山国际</td>
                                <td>西北楼1-2-202</td>
                                <td>上门</td>
                                <td>杨洋</td>
                                <td>18989898989</td>
                                <td>待分配</td>
                                <td>一般</td>
                                <td>2018-04-12</td>
                                <td>2018-04-15</td>
                                <td><span>领料</span> <span>退料</span></td>
                            </tr>
                            <tr>
                                <td>中山国际</td>
                                <td>西北楼1-2-202</td>
                                <td>上门</td>
                                <td>杨洋</td>
                                <td>18989898989</td>
                                <td>待分配</td>
                                <td>一般</td>
                                <td>2018-04-12</td>
                                <td>2018-04-15</td>
                                <td><span>领料</span> <span>退料</span></td>
                            </tr>
                            <tr>
                                <td>中山国际</td>
                                <td>西北楼1-2-202</td>
                                <td>上门</td>
                                <td>杨洋</td>
                                <td>18989898989</td>
                                <td>待分配</td>
                                <td>一般</td>
                                <td>2018-04-12</td>
                                <td>2018-04-15</td>
                                <td><span>领料</span> <span>退料</span></td>
                            </tr>
                            <tr>
                                <td>中山国际</td>
                                <td>西北楼1-2-202</td>
                                <td>上门</td>
                                <td>杨洋</td>
                                <td>18989898989</td>
                                <td>待分配</td>
                                <td>一般</td>
                                <td>2018-04-12</td>
                                <td>2018-04-15</td>
                                <td><span>领料</span> <span>退料</span></td>
                            </tr>
                            <tr>
                                <td>中山国际</td>
                                <td>西北楼1-2-202</td>
                                <td>上门</td>
                                <td>杨洋</td>
                                <td>18989898989</td>
                                <td>待分配</td>
                                <td>一般</td>
                                <td>2018-04-12</td>
                                <td>2018-04-15</td>
                                <td><span>领料</span> <span>退料</span></td>
                            </tr>
                            <tr>
                                <td>中山国际</td>
                                <td>西北楼1-2-202</td>
                                <td>上门</td>
                                <td>杨洋</td>
                                <td>18989898989</td>
                                <td>待分配</td>
                                <td>一般</td>
                                <td>2018-04-12</td>
                                <td>2018-04-15</td>
                                <td><span>领料</span> <span>退料</span></td>
                            </tr>
                            <tr>
                                <td>中山国际</td>
                                <td>西北楼1-2-202</td>
                                <td>上门</td>
                                <td>杨洋</td>
                                <td>18989898989</td>
                                <td>待分配</td>
                                <td>一般</td>
                                <td>2018-04-12</td>
                                <td>2018-04-15</td>
                                <td><span>领料</span> <span>退料</span></td>
                            </tr>
                            <tr>
                                <td>中山国际</td>
                                <td>西北楼1-2-202</td>
                                <td>上门</td>
                                <td>杨洋</td>
                                <td>18989898989</td>
                                <td>待分配</td>
                                <td>一般</td>
                                <td>2018-04-12</td>
                                <td>2018-04-15</td>
                                <td><span>领料</span> <span>退料</span></td>
                            </tr>
                            <tr>
                                <td>中山国际</td>
                                <td>西北楼1-2-202</td>
                                <td>上门</td>
                                <td>杨洋</td>
                                <td>18989898989</td>
                                <td>待分配</td>
                                <td>一般</td>
                                <td>2018-04-12</td>
                                <td>2018-04-15</td>
                                <td><span>领料</span> <span>退料</span></td>
                            </tr>

                        </tbody>
                    </table>
                    <p id="page">
                        <span class="spans">
                            < </span><span>1</span><span class="spans">></span>
                                <select>
                                    <option>10条/页</option>
                                </select>
                                跳至<span>1</span>页
                    </p>
                </div>

            </div>
            <div id="mainBox" class="getThing target active">
                <p>领料</p>
                <h4>登记信息</h4>

                <div class="message">
                    <div class="m-box1">
                        <div class="box1">
                            <p><span>小区:</span></p>
                            <p><span>客户:</span></p>
                            <p><span>要求处理事项:</span></p>
                            <p><span>备注:</span></p>
                        </div>
                        <div class="box2">
                            <p><span>XXX小区</span></p>
                            <p><span>李晓琪</span></p>
                            <p><span>漏水</span></p>
                            <p><span>--</span></p>
                        </div>
                    </div>

                    <div class="m-box2">
                        <div class="box3">
                            <p><span>房间:</span></p>
                            <p><span>联系电话:</span></p>
                        </div>
                        <div class="box4">
                            <p><span>12-23-21</span></p>
                            <p><span>188888888988</span></p>
                        </div>
                    </div>
                </div>

                <h4 class="h4-box"><span>领料信息</span><span class="h4-add">+添加</span></h4>
                <div id="tb-box">
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th>材料名称</th>
                                <th>品牌</th>
                                <th>规格型号</th>
                                <th>单位</th>
                                <th>参考价</th>
                                <th>库存</th>
                                <th>数量</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>个</td>
                                <td></td>
                                <td></td>
                                <td><input type="text" placeholder="请输入"></td>
                                <td>@#￥#%#%#￥</td>
                                <td><span>删除</span></td>
                            </tr>
                            <tr>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>个</td>
                                <td></td>
                                <td></td>
                                <td><input type="text" placeholder="请输入"></td>
                                <td>@#￥#%#%#￥</td>
                                <td><span>删除</span></td>
                            </tr>
                            <tr>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>个</td>
                                <td></td>
                                <td></td>
                                <td><input type="text" placeholder="请输入"></td>
                                <td>@#￥#%#%#￥</td>
                                <td><span>删除</span></td>
                            </tr>
                            <tr>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>个</td>
                                <td></td>
                                <td></td>
                                <td><input type="text" placeholder="请输入"></td>
                                <td>@#￥#%#%#￥</td>
                                <td><span>删除</span></td>
                            </tr>
                            <tr>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>个</td>
                                <td></td>
                                <td></td>
                                <td><input type="text" placeholder="请输入"></td>
                                <td>@#￥#%#%#￥</td>
                                <td><span>删除</span></td>
                            </tr>
                            <tr>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>个</td>
                                <td></td>
                                <td></td>
                                <td><input type="text" placeholder="请输入"></td>
                                <td>@#￥#%#%#￥</td>
                                <td><span>删除</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 库存查询 -->
            <div id="mainBox" class="findGoods target active">
                <div id="findHead">
                    <select>
                        <option>全部品牌</option>
                        <option>科安消防</option>
                    </select>
                    <select>
                        <option>全部型号</option>
                        <option>XXXX</option>
                        <option>XXXX</option>
                    </select>
                    <input type="text" placeholder="请输入材料名称">
                    <span class="findBtn">查询</span>
                </div>
                <div id="tb-box">
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>材料名称</th>
                                <th>品牌</th>
                                <th>规格型号</th>
                                <th>单位成本</th>
                                <th>当前库存</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>721.10</td>
                                <td>234</td>
                                <td><span>修改</span> <span>删除</span></td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>721.10</td>
                                <td>234</td>
                                <td><span>修改</span> <span>删除</span></td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>721.10</td>
                                <td>234</td>
                                <td><span>修改</span> <span>删除</span></td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>721.10</td>
                                <td>234</td>
                                <td><span>修改</span> <span>删除</span></td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>721.10</td>
                                <td>234</td>
                                <td><span>修改</span> <span>删除</span></td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>721.10</td>
                                <td>234</td>
                                <td><span>修改</span> <span>删除</span></td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>721.10</td>
                                <td>234</td>
                                <td><span>修改</span> <span>删除</span></td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>721.10</td>
                                <td>234</td>
                                <td><span>修改</span> <span>删除</span></td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>721.10</td>
                                <td>234</td>
                                <td><span>修改</span> <span>删除</span></td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>灭火器</td>
                                <td>科安消防</td>
                                <td>MFZ/ABC1A</td>
                                <td>721.10</td>
                                <td>234</td>
                                <td><span>修改</span> <span>删除</span></td>
                            </tr>
                        </tbody>
                    </table>
                    <p id="page">
                        <span class="spans">
                            < </span><span>1</span><span class="spans">></span>
                                <select>
                                    <option>10条/页</option>
                                </select>
                                跳至<span>1</span>页
                    </p>
                </div>

            </div>
        </div>
    </main>
</body>

</html>